$(function() {
	function numcheck(ss) {
		//定义数量的正则表达式
		var re = /^\+?[1-9][0-9]*$/;
		//判断数量中是否有小数，即判断ss字符串中是否包含小数点
		var stem = ss.indexOf('.');
		//如果数量匹配正则表达式以及不含小数点
		if (stem < 0 && re.test(ss)) {
			return true;
		}
		//否则，返回false
		return false;

	}


	var adds = document.querySelectorAll('.add');
	var jians = document.querySelectorAll('.jian');
	var inputs = document.querySelectorAll('.shuliang');
	var danjias = document.querySelectorAll('.danjia');
	var xiaojis = document.querySelectorAll('.xiaoji')
	var heji = document.querySelector("#heji");



	for (var i = 0; i < inputs.length; i++) {

		inputs[i].index = i;
		inputs[i].onblur = function() {
			if (!numcheck(inputs[this.index].value)) {
				alert("商品数量必须为整数 !");
			}
		}

		adds[i].index = i;
		adds[i].onclick = function() {

			var s = inputs[this.index].value;
			//调用数量格式匹配函数numcheck(s),如果不匹配，则初始化为1
			if (!numcheck(s)) {
				s = 1;
			}
			//否则，将s转换成数字
			s = Number(s);
			//每次点击图片，数量自增
			s = s + 1;
			//把增加后的数量及时显示在文本框中
			inputs[this.index].value = s;


			var p = parseFloat(danjias[this.index].innerHTML);
			console.log(p);
			var xj = s * p;
			xiaojis[this.index].innerHTML = xj;
			if ($("#checkall").prop("checked")) {
				if (this.index == 0) {
					var x = 1;
				} else {
					var x = 0;
				}
				heji.innerHTML = xj + parseFloat(xiaojis[x].innerHTML);
			}else if($("input[type='checkbox'][name='checkedres']").is(':checked')){
				heji.innerHTML=xj;
			}else if(!$("input[type='checkbox'][name='checkedres']").is(':checked')){
				heji.innerHTML=0;
			}
			return false;
		};
		jians[i].index = i;
		jians[i].onclick = function() {
			var s = inputs[this.index].value;
			console.log(s);
			//调用数量格式匹配函数numcheck(s),如果不匹配，则初始化为1
			if (!numcheck(s)) {
				s = 1;
			}
			//否则，将s转换成数字
			s = Number(s);

			//每次点击图片，数量自减，如果减为1，则程序结束
			if (s == 1) {
				return false;
			} else {
				//每次点击图片，数量自减，
				s = s - 1;
			}

			//把增加后的数量及时显示在文本框中
			inputs[this.index].value = s;


			var p = parseFloat(danjias[this.index].innerHTML);
			console.log(p);
			var xj = s * p;
			xiaojis[this.index].innerHTML = xj;
			if ($("#checkall").prop("checked")) {
				if (this.index == 0) {
					var x = 1;
				} else {
					var x = 0;
				}
				heji.innerHTML = xj + parseFloat(xiaojis[x].innerHTML);
			}else if($("input[type='checkbox'][name='checkedres']").is(':checked')){
				heji.innerHTML=xj;
			}else if(!$("input[type='checkbox'][name='checkedres']").is(':checked')){
				heji.innerHTML=0;
			}
			return false;
		}
		$('#checkall').click(function() {
			if ($("#checkall").prop("checked")) {
				$("input[type='checkbox'][name='checkedres']").prop("checked", true); //全选
				heji.innerHTML = parseFloat(xiaojis[0].innerHTML) + parseFloat(xiaojis[1].innerHTML);
				
			} else {
				$("input[type='checkbox'][name='checkedres']").prop("checked", false); //取消全选 
				heji.innerHTML = 0;
			}
		});
		
		

	}
	$("input[type='checkbox'][name='checkedres']").click(function() {
		if (!$("input[type='checkbox'][name='checkedres']").checked) {
			$("#checkall").prop("checked", false);
		}
		var chsub = $("input[type='checkbox'][name='checkedres']").length; //获取subcheck的个数
		  
		var checkedsub = $("input[type='checkbox'][name='checkedres']:checked").length; //获取选中的subcheck的个数  
		if (checkedsub == chsub) {
			$("#checkall").prop("checked", true);
			heji.innerHTML = parseFloat(xiaojis[0].innerHTML) + parseFloat(xiaojis[1].innerHTML);
		}else if($("input[type='checkbox'][name='checkedres']").is(':checked')){	
			heji.innerHTML=parseFloat(xiaojis[$(this).attr('vl')].innerHTML);
			
		}else if(!$("input[type='checkbox'][name='checkedres']").is(':checked')){
			heji.innerHTML=0;
		}
	
	});

});
